import React from 'react';
import hasElementAuth from '@/utils/auth';

/**
 * 权限控制组件，根据权限标识控制子组件的显示/隐藏
 * @param {string} permission - 权限标识符
 * @param {React.ReactNode} children - 子组件
 * @param {React.ReactNode} fallback - 无权限时的降级显示组件
 */
const AuthControl = ({ permission, children, fallback = null }) => {
  // 根据权限检查结果决定渲染内容
  return hasElementAuth(permission) ? children : fallback;
};

export default AuthControl;